<!doctype html>
<html class="no-js">

<head>
    <title>教师信息</title>
    <#include "/fd/components/meta.html" />
    <#include "/fd/components/stylesheets.html" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.2/jquery.rateyo.min.css">
    <link rel="stylesheet" type="text/css" href="/fd/stylesheets/masterHome.css?v=2">
</head>

<body>
    <div id="app">
        <div class="top-bar">
            <div class="top-bar-background"></div>
            <div class="top-bar-content">
                <img class="am-circle" src="/fd/assets/img/logo.jpg" height="46" />
                <span>关注蓁奕科技</span>
            </div>
            <a href="/fd">
                <div class="top-bar-home">
                    <i class="am-icon-home am-icon-sm"></i>
                    <span>首页</span>
                </div>
            </a>
        </div>
        <div class="background-img">
        </div>
        <div class="master-overview">
            <div class="master-avator">
                <img class="am-img-thumbnail am-circle" src="${info.masterLogo!''}" />
            </div>
            <div class="master-name">
                <span>${info.masterName!''}</span>
            </div>
            <div class="master-register">
                <ul class="am-avg-sm-2">
                    <li><i class="am-icon-check-circle-o"></i>&nbsp;平台认证</li>
                    <li><i class="am-icon-check-circle-o"></i>&nbsp;担保交易</li>
                </ul>
            </div>
            <div class="master-status">
                <ul class="am-avg-sm-5">
                    <li>
                        <div>
                            <span>${info.answerCount!12}</span>
                        </div>
                        <div>
                            <span>解答数</span>
                        </div>
                    </li>
                    <li>
                        <div class="separator"></div>
                    </li>
                    <li>
                        <div>
                            <span>${info.commentCount!11}</span>
                        </div>
                        <div>
                            <span>评价数</span>
                        </div>
                    </li>
                    <li>
                        <div class="separator"></div>
                    </li>
                    <li>
                        <div>
                            <span>${info.replyTime!2}分钟</span>
                        </div>
                        <div>
                            <span>平均回复</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <section class="am-panel am-panel-default master-panel-1">
            <div class="am-panel-bd">
                <div class="master-panel-1-age">
                    <div class="master-panel-1-age-content">
                        从业年限
                        <span>${workTime!}年</span>
                    </div>
                    <div class="master-panel-1-age-tags">
                        <div>
                            <img src="/fd/assets/img/tag.png" height="30" />
                            <div>沉稳实在</div>
                        </div>
                        <div>
                            <img src="/fd/assets/img/tag.png" height="30" />
                            <div>专业靠谱</div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <!-- <img src="/fd/assets/img/registered.png" /> -->
                    <div class="clear"></div>
                </div>
                <#if info.tags??>
                    <div class="master-panel-1-goodat">
                        <div class="master-panel-1-goodat-content">
                            擅长领域
                        </div>
                        <div class="master-panel-1-goodat-tags">
                            <#list info.tags as item>
                                <a class="am-badge am-badge-secondary am-round">${item.title!''}</a>
                            </#list>
                        </div>
                    </div>
                </#if>
            </div>
        </section>
        <section class="am-panel am-panel-default master-panel-2">
            <header class="am-panel-hd">
                <h3 class="am-panel-title">个人介绍</h3>
            </header>
            <div class="am-panel-bd master-panel-2-container">
                <img class="am-img-responsive" src="${info.cover!''}">
                <div class="master-panel-2-content">
                    <span>
                        ${info.intro!''}
                    </span>
                </div>
                <div class="master-panel-2-checked">
                    <i class="am-icon-check-circle-o"></i>
                    <span>以上信息已通过严格审查，真实有效</span>
                </div>
            </div>
        </section>
        <section class="am-panel am-panel-default master-panel-3">
            <header class="am-panel-hd">
                <h3 class="am-panel-title">服务案例</h3>
            </header>
            <div class="am-panel-bd master-panel-3-container">
                <div>★ 服务案例数</div>
                <div>截止到目前，服务过的用户超过2000名</div>
                <div>★ 服务合作过的企业项目</div>
                <div>无</div>
                <div class="master-panel-3-example">
                    <div><i class="am-icon-thumbs-up"></i>&nbsp;预测准实例</div>
                    <div>
                        <span>
                            <p>1.某客户咨询事业发展，告知其明年事业投资存在风险，需谨慎而为，来年年初果真投资受骗。 </p>
                        </span>
                    </div>
                </div>
            </div>
        </section>
        <section class="am-panel am-panel-default master-panel-4">
            <header class="am-panel-hd">
                <h3 class="am-panel-title">评价反馈（${pages.totalRow!0}）</h3>
            </header>
            <div class="am-panel-bd master-panel-4-container">
                <div class="master-panel-4-stars">
                    <div>咨询质量：<span id="rate1" class="rateYo" data-rateyo-rating="${info.quality*0.1}"></span>&nbsp;${info.quality*0.1}</div>
                    <div>服务态度：<span id="rate2" class="rateYo" data-rateyo-rating="${info.attitude*0.1}"></span>&nbsp;${info.attitude*0.1}</div>
                    <div>回复速度：<span id="rate3" class="rateYo" data-rateyo-rating="${info.replySpeed*0.1}"></span>&nbsp;${info.replySpeed*0.1}</div>
                </div>
                <ul class="am-comments-list am-comments-list-flip">
                    <#list pages.list as item>
                        <li class="am-comment">
                            <a href="#link-to-user-home">
                                <img src="${item.logo!''}" alt="" class="am-comment-avatar" width="48" height="48" />
                            </a>
                            <div class="am-comment-main comment-item">
                                <header class="am-comment-hd comment-item-header">
                                    <div class="am-comment-meta comment-item-meta">
                                        <div>
                                            <a href="#link-to-user" class="am-comment-author">${item.name!''}</a>
                                        </div>
                                        <div>${item.addTime!''}</div>
                                    </div>
                                </header>
                                <div class="am-comment-bd comment-item-body">
                                    <span>${item.content!''}</span>
                                </div>
                            </div>
                        </li>
                    </#list>
                </ul>
                <div class="master-panel-4-more">
                    <a href="">查看全部${pages.totalRow!0}条评价&nbsp;<i class="am-icon-chevron-right"></i></a>
                </div>
            </div>
        </section>
        <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default bottom-bar" id="">
            <div class="am-navbar-nav am-g">
                <div class="am-u-sm-2 bottom-button" @click="feed">
                    <span>打赏</span>
                </div>
                <div class="am-u-sm-2 bottom-button" @click="follow">
                    <span>关注</span>
                </div>
                <div class="am-u-sm-8 bottom-buy theme-background-color1" @click="onSelect('${info.userId}')">
                    <span>购买TA的服务</span>
                </div>
            </div>
        </div>
    </div>
    <#include "/fd/components/scripts.html" />
    <#include "/fd/components/http.html" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.2/jquery.rateyo.min.js"></script>
    <script type="text/javascript" src="/fd/js/masterHome.js"></script>
</body>

</html>